<template>
	<view>
		<view class="page">
			<comp-common v-bind="{data:data}"></comp-common>
			<comp-header v-bind="{data:data}"></comp-header>
			<view class="body">
				<specifications-model v-bind="{data:data}" @hideModal="hideModal" @close_box="close_box" @attrClick="attrClick" @guigejian="guigejian" @goodNumChange="goodNumChange" @onConfirm="onConfirm"></specifications-model>
				<goods-specifications-model v-bind="{data:data}" @previewImage="previewImage" @hideAttrPicker="hideAttrPicker" @groupCheck="groupCheck" @attrNumClick="attrNumClick" @dappAttrClick="dappAttrClick" @numberSub="numberSub" @numberBlur="numberBlur" @numberAdd="numberAdd"></goods-specifications-model>
				<comp-quick-navigation v-bind="{data:data}"></comp-quick-navigation>
				<view :class="[data.show_attr_picker||data.show||data.no_scroll?'no-scroll':'']">
					<view style="padding-bottom: 120upx">
						<goods-banner v-bind="{data:data}" @hide="hide" @onGoodsImageClick="onGoodsImageClick" @play="play"></goods-banner>
						<goods-info v-bind="{data:data}" @showDialogBtn="showDialogBtn" @jian="jian" @goodNumChange="goodNumChange" @jia="jia" @showShareModal="showShareModal" @showAttrPicker="showAttrPicker" @getGoodsQrcode="getGoodsQrcode" @shareModalClose="shareModalClose" @close="close" @goodsQrcodeClick="goodsQrcodeClick" @saveGoodsQrcode="saveGoodsQrcode" @goodsQrcodeClose="goodsQrcodeClose" @onShareWebMessage="onShareWebMessage"></goods-info>
						<view class="tab-group">
							<view class="flex-row tab-group-header">
								<view class="good-detail">
									<text>商品详情</text>
								</view>
							</view>
							<view class="tab-group-body">
								<view class="tab-group-item" :class="data.tab_detail">
									<view class="goods-detail">
										<wxParse :content="data.goods.detail" />
									</view>
								</view>
							</view>
						</view>
					</view>
					<shopping-cart v-bind="{data:data}" v-if="data.quick==1"></shopping-cart>
					<goods-buy v-bind="{data:data}" @goHome="goHome" @favoriteRemove="favoriteRemove" @favoriteAdd="favoriteAdd" @kfMessage="kfMessage" @callPhone="callPhone" @addCart="addCart" @buyNow="buyNow" @bespeakNow="bespeakNow" @onlyBuy="onlyBuy"></goods-buy>
					<get-coupon v-bind="{data:data}" @hideGetCoupon="hideGetCoupon" @closeCouponBox="closeCouponBox"></get-coupon>
				</view>
			</view>
			<comp-footer v-bind="{data:data}"></comp-footer>
		</view>
	</view>
</template>

<script>var myVue = {};
	import wxParse from '../../components/mpvue-wxparse/src/wxParse.vue'
	import specificationsModel from '../../components/specifications_model/specifications_model.vue'
	import goodsSpecificationsModel from '../../components/goods/specifications_model.vue'
	import quickNavigation from '../../components/quick-navigation/quick-navigation.vue'
	import goodsBanner from '../../components/goods/goods_banner.vue'
	import goodsInfo from '../../components/goods/goods_info.vue'
	import shoppingCart from '../../components/shopping_cart/shopping_cart.vue'
	import goodsBuy from '../../components/goods/goods_buy.vue'
	import getCoupon from '../../components/common/get-coupon.vue'

	var	t = require("../../wxParse/wxParse.js"),
		e = require("../../components/shopping_cart/shopping_cart.js"),
		o = require("../../components/specifications_model/specifications_model.js"),
		a = require("../../components/goods/specifications_model.js"),
		i = require("../../components/goods/goods_banner.js"),
		s = require("../../components/goods/goods_info.js"),
		r = require("../../components/goods/goods_buy.js"),
		n = require("../../components/quick-navigation/quick-navigation.js"),
		d = 1,
		p = !1,
		c = !0,
		g = 0;

	export default {
		components: {
			wxParse,
			specificationsModel,
			goodsSpecificationsModel,
			quickNavigation,
			goodsBanner,
			goodsInfo,
			shoppingCart,
			goodsBuy,
			getCoupon
		},
		data() {
			return {
				data: {
					goods: {},
					pageType: "STEP",
					id: null,
					goods: {},
					show_attr_picker: !1,
					form: {
						number: 1
					},
					tab_detail: "active",
					tab_comment: "",
					comment_list: [],
					comment_count: {
						score_all: 0,
						score_3: 0,
						score_2: 0,
						score_1: 0
					},
					autoplay: !1,
					hide: "hide",
					show: !1,
					x: myVue.getApp.core.getSystemInfoSync().windowWidth,
					y: myVue.getApp.core.getSystemInfoSync().windowHeight - 20,
					page: 1,
					drop: !1,
					goodsModel: !1,
					goods_num: 0,
					temporaryGood: {
						price: 0,
						num: 0,
						use_attr: 1
					},
					goodNumCount: 0
				},
			};
		},
		onLoad: function(t) {myVue = this;
			myVue.getApp.page.onLoad(this, t);
			var e = this;
			g = 0, d = 1, p = !1, c = !0;
			var o = t.quick;
			if (o) {
				var a = e.getApp.core.getStorageSync(e.getApp.const.ITEM);
				if (a) var i = a.total,
					s = a.carGoods;
				else var i = {
						total_price: 0,
						total_num: 0
					},
					s = [];
				e.setData({
					quick: o,
					quick_list: a.quick_list,
					total: i,
					carGoods: s,
					quick_hot_goods_lists: a.quick_hot_goods_lists
				});
			}
			if ("undefined" == typeof my) {
				var r = decodeURIComponent(t.scene);
				if (void 0 !== r) {
					var n = e.getApp.helper.scene_decode(r);
					n.uid && n.gid && (t.id = n.gid);
				}
			} else if (null !== e.getApp.query) {
				var u = app.query;
				e.getApp.query = null, t.id = u.gid;
			}
			e.setData({
				id: t.goods_id,
				user_id: t.user_id
			}), e.getGoods();
		},
		onReady: function() {
			myVue.getApp.page.onReady(this);
		},
		onShow: function(e) {
			myVue.getApp.page.onShow(this),
			 e.init(this), o.init(this, e), 
			 a.init(this), i.init(this),
			s.init(this), r.init(this),
			n.init(this);
			var that = this,
				d = that.getApp.core.getStorageSync(that.getApp.const.ITEM);
			if (d) var p = d.total,
				c = d.carGoods,
				g = tthat.data.goods_num;
			else var p = {
					total_price: 0,
					total_num: 0
				},
				c = [],
				g = 0;
			that.setData({
				total: p,
				carGoods: c,
				goods_num: g
			});
		},
		onHide: function() {
			myVue.getApp.page.onHide(this), e.saveItemData(this);
		},
		onUnload: function() {
			myVue.getApp.page.onUnload(this), e.saveItemData(this);
		},
		onPullDownRefresh: function() {
			myVue.getApp.page.onPullDownRefresh(this);
		},
		onShareAppMessage: function() {
			myVue.getApp.page.onShareAppMessage(this);
			var t = this,
				e = t.getApp.getUser();
			return {
				path: "/step/goods/goods?goods_id=" + t.data.id + "&user_id=" + e.id,
				success: function(e) {
					1 == ++g && t.shareSendCoupon(t);
				},
				title: t.data.goods.name,
				imageUrl: t.data.goods.pic_list[0]
			};
		},
		methods: {
				play: function(t) {
					var e = t.target.dataset.url;
					this.setData({
					url: e,
					hide: "",
					show: !0
			    }),
				 myVue.getApp.core.createVideoContext("video").play();
			  },
			  close: function(t) {
			    if ("video" == t.target.id) return !0;
			    this.setData({
			      hide: "hide",
			      show: !1
			    }), myVue.getApp.core.createVideoContext("video").pause();
			  },
			closeCouponBox: function(t) {
				this.setData({
					get_coupon_list: ""
				});
			},
			to_dial: function(t) {
				var e = this.data.dapp.contact_tel;
				myVue.getApp.core.makePhoneCall({
					phoneNumber: e
				});
			},
			getGoods: function() {
				var e = this;
				if (e.data.quick) {
					var o = e.data.carGoods;
					if (o) {
						for (var a = o.length, i = 0, s = 0; s < a; s++) o[s].goods_id == e.data.id && (i += parseInt(o[s].num));
						e.setData({
							goods_num: i
						});
					}
				}
				e.getApp.request({
					url: e.getApp.api.step.goods,
					data: {
						goods_id: e.data.id,
						user_id: e.data.user_id
					},
					success: function(o) {
						if (0 == o.code) {
							var a = o.data.goods.detail;
							t.wxParse("detail", "html", a, e);
							var i = o.data.goods;
							i.attr_pic = o.data.goods.attr_pic, i.cover_pic = o.data.goods.pic_list[0].pic_url;
							var s = i.pic_list,
								r = [];
							for (var n in s) r.push(s[n].pic_url);
							i.pic_list = r, e.setData({
								goods: i,
								attr_group_list: o.data.goods.attr_group_list,
								btn: !0
							}), e.selectDefaultAttr()
							;
						}
						1 == o.code && e.getApp.core.showModal({
							title: "提示",
							content: o.msg,
							showCancel: !1,
							success: function(t) {
								t.confirm && e.getApp.core.reLaunch({
									url: "/pages/index/index"
								});
							}
						});
					}
				});
			},
			tabSwitch: function(t) {
				var e = this;
				"detail" == t.currentTarget.dataset.tab ? e.setData({
					tab_detail: "active",
					tab_comment: ""
				}) : e.setData({
					tab_detail: "",
					tab_comment: "active"
				});
			},
			commentPicView: function(t) {
				var e = this,
					o = t.currentTarget.dataset.index,
					a = t.currentTarget.dataset.picIndex;
				e.getApp.core.previewImage({
					current: e.data.comment_list[o].pic_list[a],
					urls: e.data.comment_list[o].pic_list
				});
			},
			exchangeGoods: function() {
				var t = this;
				if (!t.data.show_attr_picker) return t.setData({
					show_attr_picker: !0
				}), !0;
				var e = t.data.attr_group_list,
					o = [];
				for (var a in e) {
					var i = !1;
					for (var s in e[a].attr_list)
						if (e[a].attr_list[s].checked) {
							i = {
								attr_id: e[a].attr_list[s].attr_id,
								attr_name: e[a].attr_list[s].attr_name
							};
							break;
						}
					if (!i) return t.getApp.core.showToast({
						title: "请选择" + e[a].attr_group_name,
						image: "/static/images/icon-warning.png"
					}), !0;
					o.push({
						attr_group_id: e[a].attr_group_id,
						attr_group_name: e[a].attr_group_name,
						attr_id: i.attr_id,
						attr_name: i.attr_name
					});
				}
				var r = t.data.form.number;
				if (r <= 0) return t.getApp.core.showToast({
					title: "商品库存不足!",
					image: "/static/images/icon-warning.png"
				}), !0;
				var n = t.data.goods;
				t.setData({
					show_attr_picker: !1
				}), t.getApp.core.navigateTo({
					url: "/pages/order-submit/order-submit?step_id=" + n.id + "&goods_info=" + JSON.stringify({
						goods_id: n.id,
						attr: o,
						num: r
					})
				});
			},
		onShareWebMessage: function() {
			myVue.getApp.page.onShareAppMessage(this);
			var t = this,
				e = t.getApp.getUser();
				this.$webShare({
					path: "/step/goods/goods?goods_id=" + t.data.id + "&user_id=" + e.id,
					title: t.data.goods.name,
					imageUrl: t.data.goods.pic_list[0]
				}).then(function() {
					
				})
		},
		}
	}
</script>

<style scoped>
	.page /deep/ .goods_car { 
		position: fixed; 
		bottom: 0; 
		width: 100%; 
		height: 10%; 
		background: #565656; 
		opacity: 0.9; 
		z-index: 8888; 
	} 
 
	.page /deep/ .shopping_cart { 
		bottom: 115upx; 
	} 
 
	.page /deep/ .buy { 
		height: 100%; 
		width: 66%; 
		float: left; 
		margin-left: 4%; 
	} 
 
	.page /deep/ .car_pic { 
		position: relative; 
		bottom: 15%; 
		width: 110upx; 
		height: 110upx; 
		border-radius: 100%; 
		float: left; 
	} 
 
	.page /deep/ .car_png { 
		width: 100%; 
		height: 100%; 
	} 
 
	.page /deep/ .weixuan { 
		font-size: 15px; 
		font-weight: bold; 
		color: #b5b5b5; 
		height: 100%; 
		width: 40%; 
		float: left; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ .goumai { 
		height: 100%; 
		width: 30%; 
		float: right; 
		font-size: 33upx; 
		font-weight: bold; 
		color: #959595; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		background: #686868; 
	} 
 
	.page /deep/ .total_num { 
		font-size: 20upx; 
		color: #f1d1dd; 
		background: #ef503c; 
		width: 39%; 
		height: 25%; 
		border-radius: 40%; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		position: relative; 
		left: 45%; 
		bottom: 100%; 
	} 
 
	.page /deep/ .price { 
		font-size: 17px; 
		color: #fff; 
		margin-left: 25upx; 
		height: 100%; 
		width: 40%; 
		float: left; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ .pay { 
		height: 100%; 
		width: 30%; 
		float: right; 
		font-size: 33upx; 
		font-weight: bold; 
		color: #f1d1dd; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		background: #fa5c51; 
	} 
 
	.page /deep/ .carHeader { 
		width: 100%; 
		height: 30upx; 
		margin: 20upx 0upx; 
	} 
 
	.page /deep/ .shopping-cart-list { 
		position: fixed; 
		bottom: 10%; 
		width: 100%; 
		background: #f9f9f9; 
		z-index: 3333; 
	} 
 
	.page /deep/ .shopping-cart-list2 { 
		bottom: 20%; 
	} 
 
	.page /deep/ .yixuan { 
		float: left; 
		width: 180upx; 
		height: 100%; 
		color: #a7a7a7; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-left: 25upx; 
		font-size: 31upx; 
		border-left: 6upx solid #f76766; 
	} 
 
	.page /deep/ .clearAll { 
		float: right; 
		height: 100%; 
		margin-right: 5%; 
	} 
 
	.page /deep/ .hr { 
		border-bottom: 1upx solid #e6e6e6; 
	} 
 
	.page /deep/ .carGood { 
		width: 100%; 
		height: 100upx; 
		border-bottom: 1upx solid #e6e6e6; 
	} 
 
	.page /deep/ .goodsname { 
		width: 47%; 
		height: 100%; 
		float: left; 
		line-height: 100upx; 
		margin-left: 25upx; 
		font-size: 30upx; 
		color: #585858; 
	} 
 
	.page /deep/ .goodsNumPrice { 
		width: 47%; 
		height: 100%; 
		float: right; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ .goodsTotalPrice { 
		float: left; 
		width: 50%; 
		color: #ff4544; 
		font-size: 30upx; 
		line-height: 100upx; 
	} 
 
	.page /deep/ .goodsNum { 
		float: right; 
		width: 48%; 
		margin-right: 2%; 
		line-height: 100upx; 
	} 
 
	.page /deep/ .carStandard { 
		border-radius: 100%; 
		width: 44upx; 
		height: 44upx; 
		float: right; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ #carStandard_num { 
		width: 65upx; 
	} 
 
	.page /deep/ .goods_attr_name { 
		width: 49%; 
		height: 100%; 
		float: left; 
		margin-left: 25upx; 
	} 
 
	.page /deep/ .cargood_name { 
		width: 100%; 
		height: 50%; 
		font-size: 30upx; 
		color: #585858; 
	} 
 
	.page /deep/ .cargood_attr_name { 
		width: 100%; 
		height: 50%; 
		font-size: 25upx; 
		color: #585858; 
	} 
 
	.page /deep/ .device_iphone_x { 
		bottom: 65upx; 
	} 
 
	.page /deep/ .shopping_cart.device_iphone_x { 
		bottom: 247upx; 
	} 
 
	.page /deep/ #modal-mask { 
		width: 100%; 
		height: 100%; 
		position: fixed; 
		top: 0; 
		left: 0; 
		background: #000; 
		opacity: 0.5; 
		overflow: hidden; 
		z-index: 9999; 
		color: #fff; 
	} 
 
	.page /deep/ .modal-dialog { 
		width: 638upx; 
		overflow: hidden; 
		position: fixed; 
		top: 40%; 
		left: 0; 
		background: #fff; 
		margin: -180upx 60upx; 
		border-radius: 16px; 
		z-index: 9999; 
	} 
 
	.page /deep/ .close3 { 
		position: absolute; 
		width: 36px; 
		height: 36px; 
		left: 87%; 
	} 
 
	.page /deep/ .modal-title { 
		padding: 60upx 90upx 40upx 90upx; 
		color: #353535; 
		text-align: center; 
		font-size: 14px; 
		font-weight: bold; 
	} 
 
	.page /deep/ .modal-content { 
		padding: 0upx 32upx; 
		font-size: 16px; 
		color: #959595; 
		height: 260upx; 
	} 
 
	.page /deep/ .attr-group { 
		margin-bottom: 20upx; 
	} 
 
	.page /deep/ .attr_name { 
		margin-top: 20upx; 
		margin-right: 60upx; 
		background: #f7f7f7; 
		display: inline-block; 
		padding: 0upx 30upx; 
		border-radius: 10upx; 
		color: #000; 
	} 
 
	.page /deep/ .attr_num_0 { 
		color: #959595; 
	} 
 
	.page /deep/ .select_active { 
		color: #ff4544; 
		background: #fff5f5; 
	} 
 
	.page /deep/ .modal-footer { 
		padding: 20upx 0upx; 
		height: 108upx; 
		background: #f7f7f7; 
		justify-content: space-between; 
	} 
 
	.page /deep/ .guigeprice { 
		height: 100%; 
		width: 30%; 
		float: left; 
		font-size: 15px; 
		font-weight: bold; 
		color: #ff4544; 
		display: flex; 
		margin-left: 32upx; 
		align-items: center; 
	} 
 
	.page /deep/ .btn-car_num { 
		height: 100%; 
		float: right; 
		font-size: 15px; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-right: 32upx; 
	} 
 
	.page /deep/ .btn-car { 
		height: 100%; 
		width: 240upx; 
		float: right; 
		font-size: 15px; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-right: 32upx; 
		margin-bottom: 20upx; 
		border-radius: 8px; 
	} 
 
	.page /deep/ .standard { 
		border-radius: 100%; 
		width: 50upx; 
		height: 50upx; 
		float: right; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ .good_num { 
		width: 80upx; 
		text-align: center; 
	} 
 
	.page /deep/ .attr-picker { 
		position: fixed; 
		bottom: 110upx; 
		left: 0; 
		z-index: 999; 
		width: 100%; 
		height: 100%; 
		background: rgba(0, 0, 0, .5); 
	} 
 
	.page /deep/ .attr-picker .content-box { 
		width: 100%; 
		background: #fff; 
		position: fixed; 
		bottom: 110upx; 
	} 
 
	.page /deep/ .attr-picker .attr-group { 
		margin-bottom: 6upx; 
	} 
 
	.page /deep/ .attr-picker .attr-group-name { 
		margin-bottom: 20upx; 
	} 
 
	.page /deep/ .attr-picker .attr-item { 
		display: inline-block; 
		margin: 0 30upx 30upx 0; 
		background: #f7f7f7; 
		border-radius: 10upx; 
		padding: 15upx 30upx; 
	} 
 
	.page /deep/ .attr-picker .attr-item.active { 
		background: #ff4544; 
		color: #fff; 
	} 
 
	.page /deep/ .attr-picker .goods-pic-box { 
		position: relative; 
		width: 200upx; 
	} 
 
	.page /deep/ .attr-picker .goods-pic-box image { 
		position: absolute; 
		top: -90upx; 
		border: 5upx solid #fff; 
		width: 200upx; 
		height: 200upx; 
		border-radius: 5upx; 
		box-shadow: 0 1upx 2upx rgba(0, 0, 0, .2); 
	} 
 
	.page /deep/ .attr-picker .attr_num_0 { 
		color: #c5c5c5; 
	} 
 
	.page /deep/ .attr-picker .number-input-box { 
		height: 70upx; 
	} 
 
	.page /deep/ .attr-picker .number-input-box .number-input { 
		height: 70upx !important; 
		border: none; 
		text-align: center; 
		width: 120upx; 
		background: #eee; 
		margin: 0 4upx !important; 
	} 
 
	.page /deep/ .attr-picker .number-input-box .number-btn { 
		height: 100% !important; 
		width: 70upx; 
		background: #eee; 
	} 
 
	.page /deep/ .attr-picker .number-input-box .number-btn.disabled { 
		background: #f6f6f6; 
		color: #aaa; 
	} 
 
	.page /deep/ .attr-picker .is_member_price { 
		font-size: 7pt; 
	} 
 
	.page /deep/ .goods-image-swiper { 
		height: 750upx; 
		position: relative; 
	} 
 
	.page /deep/ .goods-image-swiper image { 
		height: 750upx; 
	} 
 
	.page /deep/ .goods-image { 
		width: 100%; 
		height: 100%; 
	} 
 
	.page /deep/ .share_commission { 
		height: 80upx; 
		width: 220upx; 
		position: absolute; 
		right: 0; 
		bottom: 80upx; 
		border-top-left-radius: 40upx; 
		border-bottom-left-radius: 40upx; 
		background-color: rgba(0, 0, 0, 0.4); 
	} 
 
	.page /deep/ .share_commission .img { 
		width: 44upx; 
		height: 44upx; 
		margin-right: 14upx; 
		margin-left: 20upx; 
	} 
 
	.page /deep/ .share_commission .text_box { 
		font-size: 7pt; 
		color: #fff; 
	} 
 
	.page /deep/ .share_commission .text2 { 
		font-weight: bold; 
	} 
 
	.page /deep/ .goods-image-swiper .play { 
		width: 150upx; 
		height: 150upx; 
		position: absolute; 
		top: 275upx; 
		left: 300upx; 
	} 
 
	.page /deep/ .goods_info_box { 
		background: #fff; 
		padding: 32upx 24upx; 
		border-bottom: 1upx solid #eee; 
	} 
 
	.page /deep/ .goods_info_box .goods_name { 
		font-weight: bold; 
		margin-bottom: 24upx; 
		line-height: 1.7; 
	} 
 
	.page /deep/ .quick_goods_info { 
		height: 105upx; 
	} 
 
	.page /deep/ .quick_goods_info .view1 { 
		float: left; 
	} 
 
	.page /deep/ .quick_goods_info .view1 .renminbi { 
		font-size: 11pt; 
		color: #ff4544; 
	} 
 
	.page /deep/ .quick_goods_info .view1 .img { 
		width: 94upx; 
		height: 40upx; 
		margin-left: 16upx; 
	} 
 
	.page /deep/ .quick_goods_info .view1 .is_member { 
		color: red; 
	} 
 
	.page /deep/ .quick_goods_info .view2 { 
		margin-right: 32upx; 
	} 
 
	.page /deep/ .quick_goods_info .view3 .sales { 
		font-size: 9pt; 
		color: #888; 
	} 
 
	.page /deep/ .quick_goods_info .view3 .sales_title { 
		font-size: 9pt; 
		color: #888; 
	} 
 
	.page /deep/ .quick_goods_info .good_num { 
		width: 80upx; 
		text-align: center; 
	} 
 
	.page /deep/ .quick_goods_info .goods_price { 
		font-size: 16px; 
		color: #ff4544; 
	} 
 
	.page /deep/ .quick_goods_info .original_price { 
		font-size: 9pt; 
		color: #888; 
		text-decoration: line-through; 
	} 
 
	.page /deep/ .quick_goods_info .add { 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		border-radius: 28upx; 
		background: #ff4544; 
		color: #fff; 
		font-size: 13px; 
		float: right; 
		margin-top: 20upx; 
	} 
 
	.page /deep/ .quick_goods_info .xuanguige { 
		width: 142upx; 
		height: 50upx; 
	} 
 
	.page /deep/ .quick_goods_info .add_cart { 
		width: 192upx; 
		height: 56upx; 
	} 
 
	.page /deep/ .quick_goods_info .guigenum { 
		position: absolute; 
		width: 35upx; 
		height: 25upx; 
		border-radius: 40%; 
		border: 1upx solid red; 
		color: red; 
		background: #fff; 
		font-size: 16upx; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-left: 70upx; 
		margin-top: -46upx; 
	} 
 
	.page /deep/ .quick_goods_info .btn_car_num { 
		height: 100%; 
		float: right; 
		font-size: 15px; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
		margin-right: 32upx; 
	} 
 
	.page /deep/ .quick_goods_info .btn_car_num .carStandard { 
		border-radius: 100%; 
		height: 44upx; 
		float: right; 
		display: flex; 
		align-items: center; 
		justify-content: center; 
	} 
 
	.page /deep/ .quick_goods_info .member_price_box { 
		font-size: 9pt; 
		color: #ff4544; 
		text-decoration: none; 
		height: 100%; 
	} 
 
	.page /deep/ .quick_goods_info .member_price_title { 
		background-color: #feeeee; 
		margin-right: 16upx; 
	} 
 
	.page /deep/ .dapp_goods_info .view1 { 
		margin-right: 32upx; 
	} 
 
	.page /deep/ .dapp_goods_info .view1 .renminbi { 
		font-size: 9pt; 
		padding-top: 18upx; 
		color: #ff4544; 
	} 
 
	.page /deep/ .dapp_goods_info .view1 .min_price { 
		font-size: 16pt; 
		color: #ff4544; 
	} 
 
	.page /deep/ .dapp_goods_info .view1 .is_member { 
		color: red; 
	} 
 
	.page /deep/ .dapp_goods_info .view1 .img { 
		width: 94upx; 
		height: 40upx; 
		margin-left: 16upx; 
	} 
 
	.page /deep/ .dapp_goods_info .view2 { 
		margin-right: 32upx; 
	} 
 
	.page /deep/ .dapp_goods_info .original_price { 
		font-size: 9pt; 
		color: #888; 
		text-decoration: line-through; 
	} 
 
	.page /deep/ .dapp_goods_info .member_price_box { 
		font-size: 9pt; 
		color: #ff4544; 
		text-decoration: none; 
		height: 100%; 
	} 
 
	.page /deep/ .dapp_goods_info .member_price_title { 
		background-color: #feeeee; 
		margin-right: 16upx; 
	} 
 
	.page /deep/ .dapp_goods_info .sales { 
		font-size: 9pt; 
		color: #888; 
	} 
 
	.page /deep/ .dapp_goods_info .share_btn { 
		line-height: normal; 
		padding: 0 10upx; 
		border: none; 
		background: none; 
		border-radius: 0; 
		box-shadow: none; 
		display: inline-block; 
		font-size: 8pt; 
	} 
 
	.page /deep/ .dapp_goods_info .share_btn .img { 
		width: 40upx; 
		height: 40upx; 
	} 
 
	.page /deep/ .dapp_goods_info .share_btn .share { 
		color: #888; 
	} 
 
	.page /deep/ .check-list { 
		padding: 32upx 24upx 12upx 24upx; 
		flex-wrap: wrap; 
	} 
 
	.page /deep/ .check-item { 
		margin-right: 32upx; 
		font-size: 9pt; 
		margin-bottom: 20upx; 
	} 
 
	.page /deep/ .check-item image { 
		width: 34upx; 
		height: 34upx; 
		margin-right: 8upx; 
	} 
 
	.page /deep/ .select_attrs { 
		background: #fff; 
		padding: 0 24upx; 
		margin-bottom: 20upx; 
		height: 100upx; 
	} 
 
	.page /deep/ .select_attrs .attrs { 
		margin-left: 40upx; 
		font-size: 9pt; 
		color: #888; 
	} 
 
	.page /deep/ .select_attrs .img { 
		width: 16upx; 
		height: 26upx; 
	} 
 
	.page /deep/ .original-price { 
		font-size: 8pt; 
		color: #707070; 
	} 
 
	.page /deep/ .group-descount { 
		font-size: 7pt; 
	} 
 
	.page /deep/ .group-descount-one { 
		padding: 5upx 12upx; 
		background-color: #feeeee; 
	} 
 
	.page /deep/ .group-descount-center { 
		width: 6upx; 
	} 
 
	.page /deep/ .group-descount-tow { 
		padding: 5upx 12upx; 
		background-color: #feeeee; 
	} 
 
	.page /deep/ .store_shop { 
		background: #fff; 
		margin-bottom: 20upx; 
		padding: 24upx; 
	} 
 
	.page /deep/ .store_shop .img_box { 
		padding-right: 24upx; 
	} 
 
	.page /deep/ .store_shop .img_box .logo { 
		width: 80upx; 
		height: 80upx; 
		border: 1upx solid #eee; 
	} 
 
	.page /deep/ .store_shop .name { 
		white-space: nowrap; 
		overflow: hidden; 
		text-overflow: ellipsis; 
	} 
 
	.page /deep/ .store_shop .shop_info { 
		font-size: 9pt; 
		color: #888; 
	} 
 
	.page /deep/ .store_shop .goods_num { 
		margin-right: 30upx; 
	} 
 
	.page /deep/ .store_shop .enter_shop { 
		border: 1upx solid #e3e3e3; 
		border-radius: 8upx; 
		padding: 10upx 20upx; 
		font-size: 9pt; 
		color: #888; 
		display: inline-block; 
	} 
 
	.page /deep/ .modal { 
		position: fixed; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		background-color: rgba(0, 0, 0, 1); 
		z-index: 9999; 
	} 
 
	.page /deep/ .modal video { 
		width: 100%; 
		height: 430upx; 
	} 
 
	.page /deep/ .share-modal { 
		position: fixed; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		background: rgba(0, 0, 0, 0.0); 
		z-index: 1000; 
		transform: translateY(100%); 
		transition: background 250ms; 
	} 
 
	.page /deep/ .share-modal .share-modal-body { 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		width: 100%; 
		background: #f2f2f2; 
		padding-top: 60upx; 
		transform: translateY(100%); 
		transition: transform 250ms; 
	} 
 
	.page /deep/ .share-modal.active { 
		transform: translateY(0); 
		background: rgba(0, 0, 0, 0.5); 
	} 
 
	.page /deep/ .share-modal.active .share-modal-body { 
		transform: translateY(0); 
	} 
 
	.page /deep/ .share-modal .share-bottom { 
		text-align: center; 
		font-size: 9pt; 
		margin: 0; 
		padding: 0; 
		margin-bottom: 60upx; 
		line-height: inherit; 
		border: none; 
		background: none; 
		color: inherit; 
		font-family: inherit; 
		display: inline-block; 
	} 
 
	.page /deep/ .share-modal .share-bottom:after { 
		display: none; 
	} 
 
	.page /deep/ .share-modal .share-bottom image { 
		width: 120upx; 
		height: 120upx; 
		margin-bottom: 12upx; 
		border-radius: 999upx; 
		border: 1upx solid #eee; 
	} 
 
	.page /deep/ .share-modal .share-bottom:active image { 
		opacity: 0.7; 
	} 
 
	.page /deep/ .share-modal .share-modal-close { 
		background: #fff; 
		height: 100upx; 
		border-top: 1upx solid #eee; 
	} 
 
	.page /deep/ .goods-qrcode-modal { 
		position: fixed; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		z-index: 1000; 
		background: rgba(0, 0, 0, 0.5); 
		padding: 40upx; 
		transform: translateY(100%); 
		opacity: 0.5; 
		transition: opacity 250ms; 
		visibility: hidden; 
	} 
 
	.page /deep/ .goods-qrcode-body { 
		background: #fff; 
		height: 100%; 
		border-radius: 10upx; 
	} 
 
	.page /deep/ .goods-qrcode-modal.active { 
		transform: translateY(0); 
		opacity: 1; 
		visibility: visible; 
	} 
 
	.page /deep/ .goods-qrcode-modal .goods-qrcode-box { 
		height: 100%; 
		position: relative; 
		box-shadow: 0 0 15upx rgba(0, 0, 0, 0.15); 
	} 
 
	.page /deep/ .goods-qrcode-modal .goods-qrcode-loading { 
		top: 0; 
		left: 0; 
		position: absolute; 
		width: 100%; 
		height: 100%; 
	} 
 
	.page /deep/ .goods-qrcode-modal .goods-qrcode { 
		top: 0; 
		left: 0; 
		position: absolute; 
		width: 100%; 
		height: 100%; 
		background: #fff; 
		display: none; 
	} 
 
	.page /deep/ .goods-qrcode-modal .goods-qrcode.active { 
		display: block; 
	} 
 
	.page /deep/ .goods-qrcode-modal .goods-qrcode-close { 
		position: absolute; 
		top: 40upx; 
		right: 40upx; 
		padding: 15upx; 
	} 
 
	.page /deep/ .hide { 
		display: none; 
	} 
 
	.page /deep/ .step-icon { 
		height: 44upx; 
		width: 44upx; 
		margin-right: 16upx; 
	} 
 
	.page /deep/ .bar-bottom { 
		position: fixed; 
		bottom: 0; 
		left: 0; 
		z-index: 999; 
		width: 100%; 
		box-shadow: 0 0 3upx rgba(0, 0, 0, 0.2); 
		height: 110upx; 
	} 
 
	.page /deep/ .bar-bottom-btn { 
		border: none; 
		background: #fff; 
		font-size: 0; 
		line-height: normal; 
		padding: 0; 
		margin: 0; 
		box-shadow: none; 
		border-radius: 0; 
		position: inherit; 
		border-left: 1upx solid #e3e3e3; 
		width: 110upx; 
	} 
 
	.page /deep/ .bar-bottom-btn:after { 
		display: none; 
	} 
 
	.page /deep/ .bar-bottom-btn:first-child { 
		border-left: none; 
	} 
 
	.page /deep/ .bar-bottom-btn.button-hover { 
		background: rgba(255, 255, 255, 0.85); 
	} 
 
	.page /deep/ .bar-bottom-btn view { 
		text-align: center; 
		width: 100%; 
	} 
 
	.page /deep/ .bar-bottom-btn image { 
		width: 38upx; 
		height: 38upx; 
		margin-bottom: 0upx; 
	} 
 
	.page /deep/ .bar-bottom-btn text { 
		font-size: 8pt; 
		color: #888; 
		display: block; 
	} 
 
	.page /deep/ .bar-bottom .add-cart { 
		background: #f39800; 
		color: #fff; 
	} 
 
	.page /deep/ .bar-bottom .buy-now { 
		background: #ff4544; 
		color: #fff; 
	} 
 
	.page /deep/ ._negotiable { 
		height: 100%; 
		width: 100%; 
		background: none !important; 
		border: none !important; 
		border-radius: 0 !important; 
		padding: 0 !important; 
		margin: 0 !important; 
		line-height: inherit !important; 
		font-family: inherit !important; 
		color: inherit !important; 
	} 
 
	.page /deep/ ._negotiable:before, 
	.page /deep/ ._negotiable:after { 
		border-radius: 0 !important; 
		border: none !important; 
	} 
 
	.page /deep/ .quick-modal { 
		position: fixed; 
		left: 0; 
		top: 0; 
		width: 100%; 
		height: 100%; 
		z-index: 9999; 
		transition: 200ms; 
	} 
 
	.page /deep/ .quick-modal.show { 
		visibility: visible; 
		opacity: 1; 
	} 
 
	.page /deep/ .quick-modal .quick-modal-bg { 
		background: rgba(0, 0, 0, 0.3); 
		position: fixed; 
		left: 0; 
		top: 0; 
		width: 100%; 
		height: 100%; 
		z-index: 1; 
	} 
 
	.page /deep/ .quick-modal .quick-modal-pic { 
		background: rgba(0, 0, 0, 0.25); 
		position: fixed; 
		left: 0; 
		top: 0; 
		width: 100%; 
		height: 100%; 
		z-index: 1; 
	} 
 
	.page /deep/ .quick-modal .quick-modal-close image { 
		width: 50upx; 
		height: 50upx; 
		margin-top: 50upx; 
	} 
 
	.page /deep/ .quick-text { 
		color: #ffffff; 
		font-size: 9pt; 
	} 
 
	.page /deep/ .quick-bg { 
		background-color: rgba(0, 0, 0, 0.7); 
		border-radius: 50%; 
		height: 100upx; 
		width: 100upx; 
	} 
 
	.page /deep/ .quick-zfb { 
		display: inline; 
		opacity: 0; 
		position: absolute; 
		bottom: 0; 
	} 
 
	.page /deep/ .quick-icon { 
		position: fixed; 
		z-index: 99; 
		right: 50upx; 
		bottom: 140upx; 
	} 
 
	.page /deep/ .quick-dial { 
		width: 100upx; 
		height: 100upx; 
		border-radius: 50%; 
		display: block; 
		margin-bottom: 24upx; 
	} 
 
	.page /deep/ .float-icon { 
		bottom: 170upx !important; 
	} 
 
	.page /deep/ .quick-head>.device_iphone_x { 
		padding-bottom: 65upx; 
	} 
 
	.page /deep/ view { 
		overflow: visible; 
	} 
 
	.page /deep/ .no-scroll { 
		height: 100%; 
		overflow-y: hidden; 
	} 
 
	.page /deep/ .share-tip { 
		position: fixed; 
		top: 0; 
		left: 0; 
		width: 100%; 
		height: 100%; 
		z-index: 1000; 
		background: rgba(0, 0, 0, 0.65); 
	} 
 
	.page /deep/ .goods-detail { 
		box-sizing: border-box; 
		padding: 24upx 0; 
		background: #fff; 
	} 
 
	.page /deep/ .goods-detail text, 
	.page /deep/ .goods-detail image, 
	.page /deep/ .goods-detail view { 
		box-sizing: border-box; 
		max-width: 100%; 
	} 
 
	.page /deep/ .cart-nav { 
		position: fixed; 
		top: 180upx; 
		right: 24upx; 
		background: rgba(255, 255, 255, 0.5); 
		font-size: 0; 
		padding: 20upx; 
		border-radius: 999upx; 
		box-shadow: 0 1upx 3upx rgba(0, 0, 0, 0.2); 
		z-index: 100; 
	} 
 
	.page /deep/ .cart-nav image { 
		width: 42upx; 
		height: 42upx; 
	} 
 
	.page /deep/ .tab-group .tab-group-header { 
		background: #fff; 
		border-bottom: 1upx solid #e3e3e3; 
	} 
 
	.page /deep/ .tab-group .tab-group-header .tab-group-item text { 
		height: 100upx; 
		border-bottom: 2upx solid transparent; 
	} 
 
	.page /deep/ .tab-group .tab-group-header .tab-group-item.active text { 
		color: #ff4544; 
		border-bottom-color: #ff4544; 
	} 
 
	.page /deep/ .tab-group .tab-group-body .tab-group-item { 
		display: none; 
	} 
 
	.page /deep/ .tab-group .tab-group-body .tab-group-item.active { 
		display: block; 
	} 
 
	.page /deep/ .comment-count { 
		background: #fff; 
		margin-bottom: 20upx; 
	} 
 
	.page /deep/ .comment-count .comment-count-item { 
		text-align: center; 
		padding: 20upx 0; 
		font-size: 7pt; 
	} 
 
	.page /deep/ .comment-item { 
		background: #fff; 
		border-bottom: 1upx solid #e3e3e3; 
		padding: 32upx 24upx; 
	} 
 
	.page /deep/ .comment-item .nickname { 
		padding-left: 24upx; 
		height: 70upx; 
		font-weight: bolder; 
	} 
 
	.page /deep/ .comment-item .addtime { 
		color: #888; 
	} 
 
	.page /deep/ .comment-item .pic-list { 
		margin-left: -8upx; 
		margin-top: -8upx; 
	} 
 
	.page /deep/ .comment-item .pic-item { 
		width: 200upx; 
		height: 200upx; 
		margin-left: 8upx; 
		margin-top: 8upx; 
		display: inline-block; 
	} 
 
	.page /deep/ .reply { 
		margin: 20upx 24upx 20upx 0upx; 
		border-radius: 16upx; 
		background: #f7f7f7; 
		font-size: 9pt; 
		padding: 22upx 30upx; 
		color: #ff4544; 
	} 
 
	.page /deep/ .reply-content { 
		display: inline; 
		color: #666; 
	} 
 
	.page /deep/ .comment-item .score-tag { 
		display: inline-block; 
		background: #eee; 
		font-size: 7pt; 
		padding: 4upx 12upx; 
		border-radius: 5upx; 
	} 
 
	.page /deep/ .loading-more { 
		text-align: center; 
		opacity: 0; 
	} 
 
	.page /deep/ .loading-more.active { 
		opacity: 1; 
	} 
 
	.page /deep/ .loading-more image { 
		width: 160upx; 
		height: 80upx; 
	} 
 
	.page /deep/ .pic-left { 
		margin-right: 5upx; 
	} 
 
	.page /deep/ .pic-right { 
		margin-left: 5upx; 
	} 
 
	.page /deep/ .contact { 
		background: #118eea; 
		color: #fff; 
	} 
 
	.page /deep/ .good-detail { 
		height: 100upx; 
		color: #353535; 
		line-height: 100upx; 
		padding-left: 20upx; 
	}
</style>
